@charset "utf-8";


/* contents */

.skip{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0; text-align:center;}
.skip:hover,
.skip:active,
.skip:focus{width:100%;height:auto;margin:0;padding:5px;font-weight:bold;font-size:12px;font-family:Tahoma;color:#333;line-height:1;text-decoration:none !important;text-indent:10px}

.quickMenu {float:right; width:258px; height:35px;}
.quick {padding:11px 0 18px 27px; background:url(../images/main/bg_quick.png) no-repeat 0 0;}
.quick li {float:left; padding-right:12px;}

.login{position:absolute;top:12px;left:0; width:266px;height:171px; padding:35px 0 0 10px; background:url(../images/main/bg_loginbox.png) no-repeat 0 0}
.loginBox {float:left; width:156px; }
.loginBox input {width:150px; height:30px; line-height:30px; padding:0 5px; border-top:1px solid #e12e34; border-right:1px solid #f34248; border-bottom:1px solid #f34248; border-left:1px solid #f34248; background:#f34248; color:#fff; font-weight:bold;}

.quickMenu {position:absolute; right:0; top:0; width:258px; height:35px;}
.quick {padding:10px 0 18px 27px; background:url(../images/main/bg_quick.png) no-repeat 0 0;}
.quick li {float:left; padding-right:12px;}

.memberReg {margin:40px 0 0 0;}
.memberReg p, .memberReg ul {float:left;}
.memberReg ul li {float:left; padding:0 8px 0 6px; background:url(../images/main/bg_bar.png) no-repeat right 3px;}
.memberReg ul li.last {background:none;}
.memberReg p {margin:0 27px 0 0;}

.mainTit {width:1040px; padding-top:47px; text-align:center;}
.mainTit h1 {width:239px; margin:0 auto;}



.bannerBox.out, .bannerBox.in {position:absolute; right:5px; top:45px;}
.bannerBox .banner .txt, 
.bannerBox .banner .icon {float:left;}
.bannerBox .banner .txt {margin:12px 20px 0 3px; color:#fff;}
.bannerBox .banner .icon {margin:2px 0 0 14px;}
.bannerBox .banner li.last .txt {margin:8px 20px 0 3px;}
.bannerBox.out > .banner {width:242px;}
.bannerBox.out .banner li {padding-bottom:69px; background:url(../images/main/bg_underbar.png) repeat-x 0 bottom;}
*+ html .bannerBox.out .banner li {padding-bottom:55px;}
.bannerBox.out .banner li.last {padding:9px 0 0 0; background:none;}
.bannerBox .banner li.last .icon {margin:0 0 0 36px;}
.bannerBox.in .banner li.iconTxt {width:242px; height:66px; padding:10px 0 0 0; background:url(../images/main/bg_banner.png) no-repeat 0 0;} 
.bannerBox.in .banner li.iconTxt .icon.vip {display:inline-block; width:24px; height:24px; margin:10px 0 0 20px; background:url(../images/icon_gift.png) no-repeat 0 0; text-align:center; }
.bannerBox.in .banner li.iconTxt .icon.normal {display:inline-block; width:24px; height:27px; margin:10px 0 0 20px; background:url(../images/icon_cart.png) no-repeat 0 0; text-align:center; }
.bannerBox.in .banner li.iconTxt > .txt {display:inline-block; width:150px; margin:5px 0 0 37px; vertical-align:middle; line-height:18px; font-weight:bold;}
.bannerBox.in .banner li {padding-bottom:67px; background:none;}
*+ html .bannerBox.in .banner li {padding-bottom:55px; background:none;}

.logout{display:block;position:absolute;top:12px;left:0;width:266px;height:184px;z-index:9999;}
.logoutBox.vipBox {padding:12px 23px 0 0;background:url(../images/main/bg_loginbox_vip.png) no-repeat 0 0;}	
.logoutBox.normalBox {padding:12px 0 0 0;background:url(../images/main/bg_loginbox_normal.png) no-repeat 0 0;}
.msgBox.bgVip {background:url(../images/main/bg_loginboxbar_vip.png) repeat-y 0 0;}
.msgBox.bgNormal {background:url(../images/main/bg_loginboxbar_normal.png) repeat-y 0 0;}

.logoutBox .vip {position:absolute; left:0; top:17px; display:block; width:50px; height:55px; margin:-10px 0 0 5px; background:url(../images/main/icon_vip.png) no-repeat 0 0;}
.logoutBox > .msgBox.bgVip > .msg, 
.logoutBox > .msgBox.bgNormal > .msg {display:block; height:24px; padding:17px 11px 16px 59px; color:#fff; font-size:15px; letter-spacing:-1px;}
.logoutBox > .msgBox.bgNormal > .msg {padding:17px 11px 16px 0; text-align:center;}
 
.logoutBox .msg {display:block; padding:17px 11px 16px 63px; color:#fff; font-size:15px; letter-spacing:-1px;}
.logoutBox .log {position:absolute; right:14px; top:8px; display:block; width:25px; height:25px; padding-top:2px; background:url(../images/main/bg_msg.png) no-repeat 0 0; text-align:center; color:#fff;} 
.logoutBox .info {padding:10px 0 30px 13px;}
.logoutBox .info span {margin-right:10px;}
.logoutBox .infoMore {position:absolute; right:37px; bottom:32px;}

.pointWrap {position:relative; width:242px; text-align:center; }
.pointWrap p {text-align:center;}
.pointBox {padding:18px 0 10px 0; font-size:0;}

.pointBox .p0 {display:inline-block; width:24px; height:33px; background:url(../images/point_0.png) no-repeat 0 0;}
.pointBox .p1 {display:inline-block; width:24px; height:33px; background:url(../images/point_1.png) no-repeat 0 0;}
.pointBox .p2 {display:inline-block; width:22px; height:33px; background:url(../images/point_2.png) no-repeat 0 0;}
.pointBox .p3 {display:inline-block; width:23px; height:33px; background:url(../images/point_3.png) no-repeat 0 0;}
.pointBox .p4 {display:inline-block; width:25px; height:33px; background:url(../images/point_4.png) no-repeat 0 0;}
.pointBox .p5 {display:inline-block; width:22px; height:33px; background:url(../images/point_5.png) no-repeat 0 0;}
.pointBox .p6 {display:inline-block; width:23px; height:33px; background:url(../images/point_6.png) no-repeat 0 0;}
.pointBox .p7 {display:inline-block; width:24px; height:33px; background:url(../images/point_7.png) no-repeat 0 0;}
.pointBox .p8 {display:inline-block; width:23px; height:33px; background:url(../images/point_8.png) no-repeat 0 0;}
.pointBox .p9 {display:inline-block; width:23px; height:33px; background:url(../images/point_9.png) no-repeat 0 0;}
.pointBox .comma {display:inline-block; width:11px; height:14px; margin-top:23px; background:url(../images/point_comma.png) no-repeat 0 0;}
.point {position:absolute; right:0; bottom:7px; display:inline-block; width:15px; height:16px; margin:16px 10px 0 0; background:url(../images/point_p.png) no-repeat 0 0;}

.arrowLeft {position:absolute; left:45px; top:20px;}
.arrowRight {position:absolute; right:43px; top:20px;}

.etcInfo {float:right; width:242px; margin:-70px 0 0 0;}
.etcInfo p {padding-bottom:10px;}
.family {float:right; position:relative; margin:0 0 0 0;}
.family h3 {margin:0; font-size:12px; color:#a3a3a3; background:url(../images/main/bg_selectbox.png) no-repeat 0 0;font-family:'돋움체', Dotumche; width:231px; height:29px; padding-left:11px; line-height:27px;}
.family .btn_sel_g {position:absolute; top:0; right:0;}
.layer_family {position:absolute; bottom:26px; left:0px; width:240px; background-color:#fff; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.layer_family li {white-space:nowrap; height:27px; padding:0 11px 0 11px; line-height:27px;}
.layer_family li a {color:#666; font-size:11px;}
.btn_sel_g {width:29px; height:29px; background:url(../images/main/bg_selarrow.png) no-repeat 0 0;}


.leftMenu, .rightCont {float:left; padding-top:28px;}/* 2014-05-07 modify */
@media \0screen {     
	.leftMenu, .rightCont {float:left; padding-top:24px;}/* 2014-05-10 */
}  
.leftMenu ul {margin:9px 0 0 0;} /*2014-06-05 modify */
.leftMenu ul li {width:242px; margin-bottom:10px; padding:8px 0 10px 19px; background:url(../images/lnb/lnb_off.png) no-repeat 0 0; font-size:14px; color:#000; font-family:NuriL; font-weight:bold;}/* 2014-05-07 modify */
.leftMenu ul.depth1 li.on {width:242px; background:url(../images/lnb/lnb_on.png) no-repeat 0 0; color:#fff; font-weight:bold;}/* 2014-05-07 modify */
.leftMenu ul.depth1 li.on > a {color:#fff;} /* 2014-05-15 추가 */
.leftMenu ul li a {color:#000;}
.leftMenu h2.title { margin-bottom:15px;}/*2014-04-25 modify */
.leftMenu ul li {position:relative;}
.leftMenu ul li .open {position:absolute; right:35px; top:11px;}/* 2014-05-07 modify */
.leftMenu ul li .fold {position:absolute; right:35px; top:16px;}
.leftMenu ul li ul {margin:15px 0 0 0;}
.leftMenu ul li ul li {margin-bottom:0; padding:6px 0 0 14px; background:url(../images/bg_hyphen.png) no-repeat 0 13px; font-family:'돋움', Dotum; font-size:13px; color:#4a4a4a;}
.leftMenu ul li ul li.current {background:url(../images/ico/icon_arrow_right_5c2e10.png) no-repeat 2px 10px;}
.leftMenu ul li ul li.current a {color:#5c2e10;}
.leftMenu ul li ul li a {color:#4a4a4a;}
.leftMenu ul.smallBanner {width:242px; border-bottom:1px solid #e2e2e2;}
.leftMenu ul.smallBanner li {border-top:1px solid #e2e2e2;}
.leftMenu ul.smallBanner li strong {display:block; margin-bottom:5px;}
.leftMenu ul.smallBanner li.bg1 {padding:25px 0 26px 0; vertical-align:middle; background:url(../images/bg_smallbanner1.png) no-repeat right 0;}
.leftMenu ul.smallBanner li.bg2 {padding:24px 0 43px 0; vertical-align:middle; background:url(../images/bg_smallbanner2.png) no-repeat right 5px;}
.leftMenu ul.smallBanner li.bg3 {padding:20px 0 23px 0; vertical-align:middle; background:url(../images/bg_smallbanner3.png) no-repeat right 0;}
.leftMenu ul.smallBanner li.bg4 {padding:18px 0 34px 0; vertical-align:middle; background:url(../images/bg_smallbanner4.png) no-repeat right 0;}
.leftMenu ul.smallBanner li.bg5 {padding:22px 0 30px 0; vertical-align:middle; background:url(../images/bg_smallbanner5.png) no-repeat right 0;}
.leftMenu ul.smallBanner li.custCenter {height:163px; padding:0; background:url(../images/bg_customercenter.png) no-repeat right 72px;}
.leftMenu ul.smallBanner li.custCenter p {padding-top:34px;}
.leftMenu ul.smallBanner li.custCenter strong {display:block; margin:21px 0 20px 0;}

.rightCont { margin:10px 0 0 1px; width:766px;}/* 2014-05-26 modify */
.locArea {float:right; font-size:14px;}
.locArea a {display:inline-block; vertical-align:middle;}
.locArea .locTit {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;line-height:0;font-size:0;}
.locArea .currentPage {font-weight:bold;}
.locHome {display:inline-block; width:17px; height:16px; background:url(../images/icon_home.png) no-repeat 0 0; text-indent:-9999px;}
.locArrow {display:inline-block; width:6px; height:11px; background:url(../images/icon_arrow_right.png) no-repeat 0 0; vertical-align:middle;}

.user {margin-bottom:10px; font-size:15px; color:#2e2d2d;}

.userInfo {width:766px; height:220px; background:url(../images/bg_graybox.png) no-repeat 0 0;}
.userInfo .myPoint, 
.userInfo .myCard, 
.userInfo .myEvent {position:relative; float:left;}
.userInfo .myPoint {width:260px; }
.userInfo .myCard {width:260px; }
.userInfo .myEvent {width:242px;}
.userInfo strong {display:block; padding:22px 22px 0 25px;}
.userInfo .myEvent strong {padding:22px 0 0 22px;}
.myEvent ul {margin:20px 0 0 23px; font-size:15px;}
.myEvent ul li {display:block; width:195px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; line-height:28px; letter-spacing:-1px; }
.slideWrap {width:100%; overflow:hidden; }								
.slideWrap ul li {position:absolute; left:67px; top:67px;}/* 2014-05-08 modify */
.myCard .rollBtn .prev {position:absolute; left:42px; top:90px; width:37px; height:37px; background:url(../images/btn_left.png) no-repeat 0 0;}/* 2014-05-08 modify */
.myCard .rollBtn .next {position:absolute; right:45px; top:90px; width:37px; height:37px; background:url(../images/btn_right.png) no-repeat 0 0;}
.myCard p {margin:136px 0 0 0; text-align:center; font-size:15px; letter-spacing:-1px; font-weight:bold;}

.userInfo > .myPoint > .pointWrap {width:256px; padding:15px 0 0 0; text-align:right;}
.pointBox .Rp0 {display:inline-block; width:26px; height:36px; padding-right:2px; background:url(../images/rpoint_0.png) no-repeat 0 0;}
.pointBox .Rp1 {display:inline-block; width:14px; height:36px; padding-right:2px; background:url(../images/rpoint_1.png) no-repeat 0 0;}
.pointBox .Rp2 {display:inline-block; width:24px; height:36px; padding-right:2px; background:url(../images/rpoint_2.png) no-repeat 0 0;}
.pointBox .Rp3 {display:inline-block; width:24px; height:35px; padding-right:2px; background:url(../images/rpoint_3.png) no-repeat 0 0;}/* 2014-05-13 */
.pointBox .Rp4 {display:inline-block; width:24px; height:35px; padding-right:2px; background:url(../images/rpoint_4.png) no-repeat 0 0;}/* 2014-05-13 */
.pointBox .Rp5 {display:inline-block; width:24px; height:36px; padding-right:2px; background:url(../images/rpoint_5.png) no-repeat 0 0;}
.pointBox .Rp6 {display:inline-block; width:24px; height:35px; padding-right:2px; background:url(../images/rpoint_6.png) no-repeat 0 0;}/* 2014-05-13 */
.pointBox .Rp7 {display:inline-block; width:25px; height:36px; padding-right:2px; background:url(../images/rpoint_7.png) no-repeat 0 0;}
.pointBox .Rp8 {display:inline-block; width:24px; height:35px; padding-right:2px; background:url(../images/rpoint_8.png) no-repeat 0 0;}/* 2014-05-13 */
.pointBox .Rp9 {display:inline-block; width:24px; height:35px; padding-right:2px; background:url(../images/rpoint_9.png) no-repeat 0 0;}/* 2014-05-13 */
.pointBox .Rcomma {display:inline-block; width:12px; height:15px; margin-top:30px; background:url(../images/rpoint_comma.png) no-repeat 0 0;}
.Rpoint {position:absolute; right:-4px; bottom:4px; display:inline-block; width:28px; height:27px; background:url(../images/ico/icon_p.png) no-repeat 0 0;}/* 2014-05-08 */

.valA {margin:20px 0 0 23px; color:#5c2e10;}/* 2014-05-08 modify */
.valA li {float:left; height:25px; padding:0 19px 0 0; font-size:17px; text-align:right;}/* 2014-05-08 modify */
.valA li img {vertical-align:middle;}
.valA li.iconP {width:120px;background:url(../images/img_point.png) no-repeat right 5px;}
.valA li.iconP .iconM {display:inline-block; width:17px; height:17px; background:url(../images/icon_minus.png) no-repeat left 0; vertical-align:middle;}
.valA li.iconP .value1 {display:inline-block; vertical-align:middle;}
.dataMore {position:absolute; right:10px; top:20px;}/* 2014-05-08 */
.dataMore1 {position:absolute; right:3px; top:0px;}
.dataMore2 {position:absolute; right:3px; top:50px;}
.dataMore4 {position:absolute; right:3px; top:-35px;}
/* 2014-05-08 insert */
.usePoint .valA {margin:0 0 0 23px; color:#5c2e10;}/* 2014-05-24 modify */
.usePoint .valA li {float:left; height:25px; padding:0 19px 0 0; font-size:17px; text-align:right; font-weight:bold;}/* 2014-05-08 modify */
.usePoint .valA li img {vertical-align:middle;}
.usePoint .valA li.iconP {width:100px;background:url(../images/img_point.png) no-repeat right 5px;}
.usePoint .valA li.iconP .iconM {display:inline-block; width:17px; height:17px; background:url(../images/icon_minus.png) no-repeat left 0; vertical-align:middle;}
.usePoint .valA li.iconP .value1 {display:inline-block; vertical-align:middle;}

/* 2014-05-08 insert */

.grade {width:766px; margin:10px 0 0 0;}/* 2014-05-08 modify */
.grade .state {float:left;}
.grade .condition {float:right;}
.grade .state {width:222px; height:168px; padding:26px 0 0 20px; background:url(../images/bg_roundbox.png) no-repeat 0 0;}
.stateWrap p, .stateWrap span {float:left;}
.grade .condition .condi1 {width:508px; height:96px; background:url(../images/bg_balloon.png) no-repeat 0 0;}
.grade .condition .condi1 span {display:inline-block; vertical-align:middle; line-height:18px;}
.grade .condition .condi1 ul {padding:26px 0 0 20px;}/* 2014-05-08 modify */
.grade .condition .condi1 ul li {float:left; padding-right:20px;}
.grade .condition .condi2 {width:508px; height:62px; margin:10px 0 0 0; background:url(../images/bg_balloon1.png) no-repeat 0 0;}
.grade .condition .condi2 > ul {padding:25px 0 0 20px;}
.grade .condition .condi2 > ul li {float:left;}
.grade .state p {display:inline-block; margin:0 30px 0 0;}
.grade .state span {display:inline-block; vertical-align:top;}
.grade .state .desc {margin:25px 0 0 0; font-size:12px; color:#484848; line-height:18px;}
.useM {font-size:15px;}
.rr {display:inline-block; width:20px; height:20px; background:url(../images/bg_redround.png) no-repeat 0 0; vertical-align:middle; text-align:center; color:#fff;}
.gr {display:inline-block; width:20px; height:20px; background:url(../images/bg_grayround1.png) no-repeat 0 0; vertical-align:middle; text-align:center; color:#fff;}/* 2014-04-28 modify */
.useRate .txt {margin-right:10px; padding:0 13px 0 0; background:url(../images/bg_bar.png) no-repeat right 0; vertical-align:middle;}
.useNum .txt {margin-right:13px; padding:0 27px 0 0; background:url(../images/bg_bar.png) no-repeat right 0; vertical-align:middle;}
.useNum {margin-top:10px;}

.rateStatus {margin:0 0 0 20px;}
.rateStatus .txt {display:inline-block; margin-right:10px; padding:0 13px 0 0; background:url(../images/bg_bar.png) no-repeat right 0; vertical-align:middle;}
.rateStatus .txt, .rateStatus .graphWrap {}
.graphWrap {position:relative; display:inline-block; width:259px; height:17px; vertical-align:middle; background:url(../images/bg_graygraph1.png) no-repeat 0 0;}/* 2014-04-28 modify */
.graphWrap .balloon {position:absolute; z-index:5;}
.redbar {position:absolute; left:0; display:inline-block; height:17px; background:#e93e44;}
.graybar {position:absolute; left:0; display:inline-block; height:17px; width:257px; background:#c8c8c8;}
.barHole {position:absolute; left:0; display:inline-block; width:259px; height:17px; background:url(../images/bg_graphhole.png) no-repeat 0 0;}
.rate {color:#6c3d1e; font-size:11px; font-family:'돋움', 'Dotum'; font-weight:bold; letter-spacing:-1px;}
.valueP {margin:19px 0 0 0;font-family:'돋움', Dotum; font-size:11px; color:#737373; font-weight:bold;}
.valueP > li:first-child{text-align:left;}
.valueP li {width:129px; text-align:right;}
.usePoint {width:766px; margin:0 0 39px 0;}/* 2014-05-08 modify */
.box1, .boxNone, .box1_last {position:relative; float:left; }/* 2014-05-10 */
.box1 {margin:15px 20px 0 0;}
.box1, .box1_last {width:242px; height:198px; background:url(../images/bg_box1.png) no-repeat 0 0;}/* 2014-05-10 */
.box1_last {margin:15px 0 0 0;}/* 2014-05-10 */
.boxNone {width:242px; height:198px; margin:15px 20px 0 0; background:url(../images/bg_none.png) no-repeat 0 0;}
.boxNone.last {margin-right:0;}
.logoA {margin:15px 0 25px 0; font-size:14px; font-weight:bold; text-align:center; color:#555555;}
.logoA strong, .logoA span {display:block;}
.logoA span {margin:-10px 0 0 0;}/* 2014-05-26 */
.logoA strong {height:56px;}/* 2014-05-26 */
.logoA .heart_last {display:inline-block; margin:-10px 0 0 0;}
.heart, .heartRed, .heart_last {position:absolute; right:15px; top:20px;}

.logoA .heartHover {display:none; position:absolute; right:-47px; top:10px; width:72px; height:43px; padding:5px 0 0 20px; background:url(../images/bg_hearthover.png) no-repeat 0 0; z-index:5; font-family:'돋움', Dotum; font-size:11px; font-weight:normal;}
.logoA a:hover .heartHover {display:block;}
.usePoint {position:relative;}
.useDate {margin:10px 10px 10px 20px; font-size:12px; font-family:'돋움', Dotum; color:#767676;}

.opointEvent {position:relative; width:766px; margin:0;}/* 2014-05-07 modify */
.eventBoxWrap { margin:10px 0 0 0;}
.eventBox1, .eventBox2, .eventBox3 {position:relative; float:left; width:241px;}/* 2014-05-01 */
.eventBox1 {margin-right:21px;}
.eventBox2 {position:relative; margin-right:21px;}
.eventBox3 {position:relative; margin-right:0;}
.eventBox1 .eventDesc, .eventBox2 .eventDesc, .eventBox3 .eventDesc {height:81px; margin-top:20px; font-size:15px; line-height:18px; letter-spacing:-1px;}/* 2014-05-08 modify */
.eventDesc a {font-weight:bold; color:#000;}
.eventDate {display:inline-block; margin:5px 0 0 0; font-size:12px; color:#767676;}

.eventBox2 .mouseOn, .eventBox3 .mouseOn {display:none; position:absolute; top:0; left:0;}
.eventBox2 a:hover .mouseOn, .eventBox3 a:hover .mouseOn {display:block;}

.advice {position:relative; width:766px; margin:0;}/* 2014-05-07 modify */
.titFix h3, .titFix .tDesc {float:left;}
.titFix .tDesc {margin:46px 0 0 10px; color:#343434;}
.adviceBox {margin:0; font-size:15px; text-align:center; letter-spacing:-1px; font-weight:bold; line-height:30px;}/* 2014-05-08 modify */
.adviceBox .adviceBox1, .adviceBox .adviceBox2 {width:242px; height:50px; margin:0 20px 0 0; padding:26px 0 0 0; background:url(../images/bg_advice.png) no-repeat 0 0;}
.adviceBox .adviceBox1, .adviceBox .adviceBox2, .adviceBox .adviceBox3 {float:left;} 
.adviceBox .adviceBox1 a, .adviceBox .adviceBox2 a {color:#000;}
.adviceBox .adviceBox3 {margin:3px 0 0 55px;}

.essMark {display:inline-block; margin-top:-2px;vertical-align:top; color:#e93e44;}

/* guide */
.guide_wrap.pointTip {position:relative; width:100%; padding-bottom:60px; background:url('../images/common/bg_guide_mid.png') repeat-x 0 0;}
.guide_wrap.easyGuide {position:relative; width:100%; padding-bottom:60px; background:#e8e8e8 url('../images/common/bg_easy_mid.png') repeat-x 0 0;}
.guide_wrap.starPoint {position:relative; width:100%; padding-bottom:60px; background:#f4f4f4 url('../images/common/bg_star_mid.png') repeat-x 0 0;}
.guide_wrap.mobileService01 {position:relative; width:100%; padding-bottom:370px; background:#987446 url('../images/common/bg_mobile_mid.png') repeat-x 0 top;}
.guide_wrap.mobileService02 {position:relative; width:100%; padding-bottom:370px; background:#50453c url('../images/common/bg_mobile_mid.png') repeat-x 0 top;}
.guide_wrap.mobileService03 {position:relative; width:100%; padding-bottom:370px; background:#928a77 url('../images/common/bg_mobile_mid.png') repeat-x 0 top;}
.guide_wrap.mobileService04 {position:relative; width:100%; padding-bottom:370px; background:#cbc2aa url('../images/common/bg_mobile_mid.png') repeat-x 0 top;}
.guide_wrap.mobileService05 {position:relative; width:100%; padding-bottom:370px; background:#4f4847 url('../images/common/bg_mobile_mid.png') repeat-x 0 top;}
.guide_btn_wrap {position:relative; width:1028px; margin:0 auto;}
.guide_btn_wrap .icon_gnball {position:absolute; left:0; top:27px;}
.guide_btn_wrap .btn_ohpoint_wrap {position:absolute; right:0; top:17px;}
.tab_guide_top_list {position:relative; width:440px; height:41px; margin:0 auto; padding:29px 0 0 0;}
.tab_guide_top_list li {float:left; margin:0 28px 0 0;}
.tab_guide_top_list li.last {margin-right:0;}
.tab_guide_top_list .arrTop {position:absolute; left:151px; top:58px;}
.tab_guide_top_cont {width:1028px; margin:0 auto;}
.tab_guide_top_cont.mobileServiceCont {width:100%;}
.tab_guide_mid_list {position:relative;}
.tab_guide_mid_list ul {width:1002px; height:42px; padding:15px 0 0 26px; background:url('../images/guide/bg_tab_guide_mid.png') no-repeat 0 0;}
.tab_guide_mid_list li {float:left; margin-right:68px; font-family:NuriB; font-size:14px; line-height:24px;}
.tab_guide_mid_list .etc_icon {position:absolute; right:93px; top:18px;}
.tab_guide_mid_list .etc_icon span {display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.pointTip_wrap {margin:33px 0 0 0;}
.pointTip_wrap .pointTip_line01, .pointTip_wrap .pointTip_line02, .pointTip_wrap .pointTip_line03, .pointTip_wrap .pointTip_line04 {float:left; margin-right:20px;}
.pointTip_wrap .pointTip_line04.last {margin-right:0;}
.pointTip_wrap .box_ty01 {width:242px; height:329px; background:url('../images/guide/img_guide_boxty01.png') no-repeat 0 0;}
.pointTip_wrap .box_ty01.mid {margin:20px 0 0 0;}
.box_ty01 .top_area {padding:22px 0 0 20px;}
.box_ty01 .top_area .top_txt {width:138px; font-size:15px;}
.box_ty01 .top_area .top_logo {margin:0 2px 0 0;}
.box_ty01 .mid_area {margin:70px 0 0 20px; font-family:NuriB; font-size:17px;}
.ptDataList {margin:32px 20px 0 18px;}
.ptDataList li {clear:both; padding:0 0 30px 0;}
.ptDataList li.last {padding:22px 0 0 0;}
.ptDataList .tit {float:left;}
.ptDataList .money {float:right; font-weight:bold;}
.ptDataList .moneySum {float:right;display:inline-block; margin:-6px 0 0 0; font-family:NuriB; font-size:20px; color:#e93e44;} 
.ptDataList .pt_point {float:right; display:block; font-weight:bold; color:#e93e44;}
.pointTip_wrap .box_ty02 {position:relative; width:242px; height:329px; margin:20px 0 0 0; background:url('../images/guide/img_guide_boxty02.png') no-repeat 0 0;}
.pointTip_wrap .box_ty02.first {margin-top:-15px;}
.box_ty02 .top_txt {height:46px; overflow:hidden; margin:15px 17px 0 15px; padding:19px 0 0 0; font-family:NuriB; font-size:17px;}
.box_ty02 .mid_txt {height:59px; overflow:hidden; margin:11px 17px 0 15px; line-height:20px;}
.box_ty02 .mid_img {margin-top:15px; text-align:center;}
.box_ty02 .top_icon {position:absolute; right:10px; top:18px;}
.pointTip_wrap .box_ty03 {position:relative; width:242px; height:155px; margin:20px 0 0 0; background:url('../images/guide/img_guide_boxty03.png') no-repeat 0 0;}
.pointTip_wrap .box_ty03.first {margin-top:-15px;}
.box_ty03 .top_txt {height:46px; overflow:hidden; margin:15px 17px 0 15px; padding:19px 0 0 0; font-family:NuriB; font-size:17px;}
.box_ty03 .mid_txt {height:59px; overflow:hidden; margin:10px 17px 0 15px; line-height:20px;}
.box_ty03 .mid_txt .mid_txt_img {width:58px;}
.box_ty03 .mid_txt .mid_txt_txt {width:135px;}
.box_ty03 .top_icon {position:absolute; right:10px; top:18px;}
.tip_wrap {padding:23px 21px 15px 19px;}
.tip_wrap .top_txt {font-weight:bold;}
.tip_wrap .mid_txt {margin:3px 0 10px 0; line-height:20px;}
.tip_wrap .btm_txt {line-height:20px;}
.tip_wrap .link_area {margin:16px 0 0 0; font-family:NuriB; font-size:17px;}
.tip_wrap .link_area img {margin-right:10px;}
.tip_wrap .link_area a {color:#000;}
.dotbox_wrap {width:188px; height:105px; padding:24px 26px 0 28px; background:url('../images/guide/bg_dotbox.png') no-repeat 0 0; text-align:center; line-height:20px;}
.easyGuide_box {width:100%;}
.easyGuideBg.guidestep1 {width:100%; height:1080px; background:url('../images/guide/bg_slide_step01.png') no-repeat 0 0;}
.easyGuideBg.guidestep2 {width:100%; height:1080px; background:url('../images/guide/bg_slide_step02.png') no-repeat 0 0;}
.easyGuideBg.guidestep3 {width:100%; height:1080px; background:url('../images/guide/bg_slide_step03.png') no-repeat 0 0;}
.easyGuideBg.guidestep4 {width:100%; height:1080px; background:url('../images/guide/bg_slide_step04.png') no-repeat 0 0;}
.easyGuideBg.guidestep5 {width:100%; background:#e8e8e8;}
.easyGuideBg.guidestep1 .book_wrap {position:relative; width:415px; height:672px; margin:0 auto; background:url('../images/guide/bg_book01.png') no-repeat 0 62px;}
.easyGuideBg.guidestep2 .book_wrap {position:relative; width:825px; height:663px; margin:0 0 0 541px; background:url('../images/guide/bg_book02.png') no-repeat 0 54px;}
.easyGuideBg.guidestep3 .book_wrap {position:relative; width:819px; height:655px; margin:0 0 0 541px; background:url('../images/guide/bg_book03.png') no-repeat 0 62px;}
.easyGuideBg.guidestep4 .book_wrap {position:relative; width:820px; height:655px; margin:0 0 0 541px; background:url('../images/guide/bg_book04.png') no-repeat 0 62px;}
.easyGuideBg.guidestep5 .book_wrap {position:relative; width:925px; height:690px; margin:0 0 0 489px; background:url('../images/guide/bg_book05.png') no-repeat 0 62px;}
.book_wrap .easyGuideCont {overflow:hidden; width:808px; height:650px;}
.book_wrap .btn_start {padding:508px 0 0 133px;}
.book_wrap .easyGuideCont .easyGuideList li {float:left;}
.book_wrap .easyGuideCont .easyGuideList .guidestep2_cont {position:relative; width:445px; margin:182px 0 0 0;}
.book_wrap .easyGuideCont .easyGuideList .guidestep2_cont .guidestep2_top_txt {width:235px; margin:0 auto; font-family:NuriL; font-size:30px; color:#e93e44; line-height:34px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep2_cont .guidestep2_btm_txt {width:240px; height:100px; margin:14px auto 0 auto; font-family:NuriL; font-size:16px; text-align:center;}
.book_wrap .easyGuideCont .easyGuideList .guidestep2_cont .guidestep2_btm_btn {position:absolute; right:-324px; bottom:-224px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep3_cont {position:relative; width:445px; margin:182px 0 0 0;}
.book_wrap .easyGuideCont .easyGuideList .guidestep3_cont .guidestep3_top_txt {width:292px; margin:0 auto; font-family:NuriL; font-size:30px; color:#e93e44; line-height:34px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep3_cont .guidestep3_btm_txt {width:240px; height:100px; margin:14px auto 0 auto; font-family:NuriL; font-size:16px; text-align:center;}
.book_wrap .easyGuideCont .easyGuideList .guidestep3_cont .guidestep3_btm_btn {position:absolute; right:-324px; bottom:-224px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep4_cont {position:relative; width:445px; margin:182px 0 0 0;}
.book_wrap .easyGuideCont .easyGuideList .guidestep4_cont .guidestep4_top_txt {width:292px; margin:0 auto; font-family:NuriL; font-size:30px; color:#e93e44; line-height:34px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep4_cont .guidestep4_btm_txt {width:246px; height:100px; margin:14px auto 0 auto; font-family:NuriL; font-size:16px; text-align:center;}
.book_wrap .easyGuideCont .easyGuideList .guidestep4_cont .guidestep4_btm_btn {position:absolute; left:109px; bottom:-39px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep5_cont {position:relative; width:445px; margin:182px 0 0 0;}
.book_wrap .easyGuideCont .easyGuideList .guidestep5_cont .guidestep5_top_txt {width:292px; margin:0 auto; font-family:NuriL; font-size:30px; color:#e93e44; line-height:34px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep5_cont .guidestep5_btm_txt {width:246px; height:100px; margin:14px auto 0 auto; font-family:NuriL; font-size:16px; text-align:center;}
.book_wrap .easyGuideCont .easyGuideList .guidestep5_cont .guidestep5_btm_btn {position:absolute; left:140px; bottom:-354px;}
.book_wrap .easyGuideCont .easyGuideList .guidestep5_cont .guidestep5_btm_btn1 {position:absolute; right:-214px; bottom:-404px;}

.easyGuideBg .btn .left_btn {position:absolute; left:-55px; top:319px; }
.easyGuideBg .btn .right_btn {position:absolute; right:-60px; top:319px; }
.easyGuidepaging .pagingList {width:198px; margin:76px auto 0 auto; }
.easyGuidepaging .pagingList li {position:relative; float:left;}
.easyGuidepaging .pagingList .pg_txt01 {position:absolute; left:0; top:31px;}
.easyGuidepaging .pagingList .pg_txt02 {position:absolute; left:0; top:31px;}
.easyGuidepaging .pagingList .pg_txt03 {position:absolute; left:-2px; top:31px;}
.easyGuidepaging .pagingList .pg_txt04 {position:absolute; left:-8px; top:31px;}
.easyGuidepaging .pagingList .pg_txt05 {position:absolute; left:-21px; top:31px;}
.mobileService_wrap {position:relative;}
.mobileService_wrap .phone_box .phone_screen_box01 {position:absolute; left:-23px; top:90px; width:302px; height:436px; background:url('../images/guide/img_mobile01.png') no-repeat 0 0;}
.mobileService_wrap .phone_screen_box02_txt {position:absolute; left:549px; top:161px; z-index:2; width:330px; height:436px; background:url('../images/guide/img_mobile02.png') no-repeat 0 0;}
.mobileService_wrap .phone_box .phone_screen_box03 {position:absolute; left:-92px; top:90px; width:389px; height:436px; background:url('../images/guide/img_mobile03.png') no-repeat 0 0;}
.mobileService_wrap .phone_box .phone_screen_box04 {position:absolute; left:-34px; top:90px; width:389px; height:436px; background:url('../images/guide/img_mobile04.png') no-repeat 0 0;}
.mobileService_wrap .phone_box .phone_screen_box05 {position:absolute; left:-66px; top:90px; width:389px; height:484px; background:url('../images/guide/img_mobile05.png') no-repeat 0 0;}
.mobileService_wrap .slide_prev_btn {position:absolute; left:24%; top:331px; z-index:10; display:inline-block; width:25px; height:40px; background:url('../images/ico/icon_prev.png') no-repeat 0 0; cursor:pointer;}
.mobileService_wrap .slide_next_btn {position:absolute; left:75%; top:331px; z-index:10; display:inline-block; width:25px; height:40px; background:url('../images/ico/icon_next.png') no-repeat 0 0; cursor:pointer;}
.slide_page_background.page01 {float:left; width:1800px; height:1080px; margin:0 0 0 0; background:url('../images/guide/bg_mobileservice01.png') no-repeat 0 0;}
.slide_page_background.page01 p {padding:97px 0 0 942px;}
.slide_page_background.page02 {float:left; width:100%; height:1280px; margin:0 0 0 0; background:url('../images/guide/bg_mobileservice02.png') repeat-x 0 0;}
.slide_page_background.page02 p {padding:97px 0 0 942px;}
.slide_page_background.page03 {float:left; width:100%; height:1080px; margin:0 0 0 0; background:url('../images/guide/bg_mobileservice03.png') no-repeat 0 0;}
.slide_page_background.page03 p {padding:97px 0 0 942px;}
.slide_page_background.page04 {float:left; width:100%; height:1080px; margin:0 0 0 0; background:url('../images/guide/bg_mobileservice04.png') no-repeat 0 0;}
.slide_page_background.page04 p {padding:97px 0 0 942px;}
.slide_page_background.page05 {float:left; width:100%; height:1080px; margin:0 0 0 0; background:url('../images/guide/bg_mobileservice05.png') no-repeat 0 0;}
.slide_page_background.page05 p {padding:97px 0 0 50%;}

.phone_box {position:absolute; left:29%; top:78px; z-index:1; width:309px; height:603px; background:url('../images/guide/img_phone.png') no-repeat 0 0;}
.phone_hand {position:absolute; left:307px; top:338px; z-index:0; width:578px; height:670px; background:url('../images/guide/img_hand.png') no-repeat 0 0;}
.phone_hand_first {position:absolute; left:525px; top:415px; z-index:3; width:175px; height:305px; background:url('../images/guide/img_hand_first.png') no-repeat 0 0;}
.mobileService_paging {position:absolute; left:959px; bottom:615px;}
.mobileService_paging span {display:inline-block; margin-right:4px;}

.mobile_service_wrap {position:relative;}
.mobile_service_wrap .panel_container .slide_page_background01 {width:1582px; height:1080px;background:url('../images/guide/img_mobileservice01.png') no-repeat 0 0;}
.mobile_service_wrap .panel_container .slide_page_background02 {width:1582px; height:1080px;background:url('../images/guide/img_mobileservice02.png') no-repeat 0 0;}
.mobile_service_wrap .panel_container .slide_page_background03 {width:1582px; height:1080px;background:url('../images/guide/img_mobileservice03.png') no-repeat 0 0;}
.mobile_service_wrap .panel_container .slide_page_background04 {width:1742px; height:1080px;background:url('../images/guide/img_mobileservice04.png') no-repeat 0 0;}
.mobile_service_wrap .panel_container .slide_page_background05 {width:1800px; height:1080px;background:url('../images/guide/img_mobileservice05.png') no-repeat 0 0;}
.mobile_service_wrap .slide_prev_btn1 {position:absolute; left:24%; top:331px; z-index:10; display:inline-block; width:25px; height:40px; background:url('../images/ico/icon_prev.png') no-repeat 0 0; cursor:pointer;}
.mobile_service_wrap .slide_next_btn1 {position:absolute; left:75%; top:331px; z-index:10; display:inline-block; width:25px; height:40px; background:url('../images/ico/icon_next.png') no-repeat 0 0; cursor:pointer;}

.starPointCont {margin:40px 0 0 0;}
.starPointCont .page_tit {margin:39px 0 16px 0; font-family:NuriB; font-size:20px;}
.starPointCont .page_stit {margin:11px 0 0 0; font-size:14px;}
.starCardInfo {padding:42px 37px 42px 57px;}
.starCardInfo p {float:left;}
.starCardInfo .starcard_txt {margin:6px 0 0 30px;}
.starCardInfo .starcard_txt .txt_img {display:block; margin:0 0 13px 6px;}
.starCardInfo .starcard_btn {margin:61px 0 0 108px;}
.starPointStep_box {padding:38px 64px 30px 34px; }
.starPointStep_wrap .step_list {margin:9px 0 0 0;}
.starPointStep_wrap .step_list .step01 {padding:15px 0 28px 65px; background:url('../images/guide/starstep_01_off.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step01.on {padding:15px 0 28px 65px; background:url('../images/guide/starstep_01_on.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step02 {padding:15px 0 28px 65px; background:url('../images/guide/starstep_02_off.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step02.on {padding:15px 0 28px 65px; background:url('../images/guide/starstep_02_on.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step03 {padding:23px 0 37px 65px; background:url('../images/guide/starstep_03_off.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step03.on {padding:23px 0 37px 65px; background:url('../images/guide/starstep_03_on.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step04 {padding:15px 0 28px 65px; background:url('../images/guide/starstep_04_off.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step04.on {padding:15px 0 28px 65px; background:url('../images/guide/starstep_04_on.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step05 {padding:15px 0 28px 65px; background:url('../images/guide/starstep_05_off.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .step_list .step05.on {padding:15px 0 28px 65px; background:url('../images/guide/starstep_05_on.png') no-repeat 0 0; line-height:18px;}
.starPointStep_wrap .monitor {position:relative; width:582px; height:446px; background:url('../images/guide/img_monitor.png') no-repeat 0 0;}
.starPointStep_wrap .monitor li {position:absolute; left:23px; top:25px;}
.starPointStep_wrap .monitor_wrap {position:relative;}
.starPointStep_wrap .starPoint_prev {position:absolute; left:-37px; top:178px;}
.starPointStep_wrap .starPoint_next {position:absolute; right:-36px; top:178px;}
/* normal pop */
.normalPop_wrap {margin:20px 0 20px 20px;}

/* 2014-06-05 smallBanner */
.smallBannerArea {text-align:center;}
.smallBannerArea .smallBanner_item {margin:0 0 0 -19px;}
.smallBannerArea .smallBanner_item p {margin:10px 0 0 0;}
.smallBannerArea_wrap {width:242px; height:280px; background:url('../images/common/bg_white_box04.png') no-repeat 0 0;}
.smallBannerArea_wrap .smallBannerList {margin:0 0 8px 7px; padding:18px 0 0 0;}
.smallBannerArea_wrap .smallBannerList li {float:left; width:50px; padding:5px 0 0 19px; background:none;}
.smallBannerArea_wrap .cs_number {margin:0 24px 10px 24px; padding:14px 0 0 0; border-top:1px solid #e2e2e2; font-family:NuriB; font-size:20px; }

/* policy */
.sub_num {margin-left:30px;}
.sub_num li {text-indent:-14px;}


